<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Tam - Creative Portfolio Template</title>
    <meta name="description" content="Tam - Creative Portfolio Template"/>
    <meta name="keywords"
          content="blog, business card, creative, creative portfolio, cv theme, online resume, personal, portfolio, professional cv, responsive portfolio, resume, resume theme, vcard"/>
    <meta name="author" content="beingeorge"/>
    <meta name="theme-color" content="#2a2d35">
    <!-- Vendor Css-->
    <link rel="stylesheet" href="../static/css/vendor.css"/>
    <link rel="stylesheet" href="../static/css/LineIcons.min.css"/>
    <!-- TamTemplate style Css -->
    <link href="../static/css/tam.css" rel="stylesheet">

</head>
<style>

</style>
<body data-spy="scroll" data-target=".navbar">

<!-- START: Preloader -->
<div id="preloader" class="preloader">
    <div class="spinner-grow text-dark" role="status">
        <span class="sr-only">Loading...</span>
    </div>
</div>
<!-- END: Preloader -->
<!-- START: Aside -->
<aside class="aside">
    <!-- START: NAVBAR -->
    <div class="nav-wrapper">

        <div class="navbar-toggler">
            <svg class="ham hamRotate ham1" viewBox="0 0 100 100" width="60">
                <path class="line top"
                      d="m 30,33 h 40 c 0,0 9.044436,-0.654587 9.044436,-8.508902 0,-7.854315 -8.024349,-11.958003 -14.89975,-10.85914 -6.875401,1.098863 -13.637059,4.171617 -13.637059,16.368042 v 40"/>
                <path class="line middle" d="m 30,50 h 40"/>
                <path class="line bottom"
                      d="m 30,67 h 40 c 12.796276,0 15.357889,-11.717785 15.357889,-26.851538 0,-15.133752 -4.786586,-27.274118 -16.667516,-27.274118 -11.88093,0 -18.499247,6.994427 -18.435284,17.125656 l 0.252538,40"/>
            </svg>
        </div>
        <nav class="navbar text-center align-items-center justify-content-center">
            <div class="collapse navbar-collapse show" id="navbarCollapse">
                <div class="about-avatar mb-5">
                    <a href="/">
                        <img src="../static/images/about.jpg" alt=""
                             class="img-fluid mx-auto d-block shadow-sm rounded-full">
                    </a>
                    <div class="about-avatar-details mt-4">
                        <h1>Alice Joseph</h1>
                        <p class="badge">UI Designer</p>
                    </div>

                </div>
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="/"><i class="lni-home"></i>Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/resume"><i class="lni-briefcase"></i>resume</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/work"><i class="lni-graduation"></i>Portfolio</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/services"><i class="lni-offer"></i>Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/blog"><i class="lni-pencil"></i>Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/contact"><i class="lni-phone-handset"></i>联系我们</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
    <!-- END: NAVBAR -->
</aside>
<!-- START: Aside -->

<div class="page-wrapper">

    <!-- START: BLOG -->
    <section class="section section-light">
        <div class="container">
            <div class="section-head">
                {% for item in details %}
                <span>作者:{{ item.Brand_Name }}</span>
                <h2>{{ item.Product_name }}</h2>
                {% endfor %}
            </div>

            <div class="row">
                {% for item in k2 %}
                <div class="col-md-6">
                    <a class="blog-list d-block mb-5">
                        <div class="blog-list--img">
                            <!--                            <a download="{{ item.Image_href }}">111</a>-->
                            <img src="{{ item.Image_href }}" alt="Blog Image" class="img-fluid">
                            <div class="blog-list--details d-flex justify-content-center align-items-center">
                                <div class="blog-list--details-in">
                                    <p class="blog-date text-white">{{ item.Image_name }}</p>
                                </div>
                            </div>
                        </div>

                    </a>
                    <div style="position: relative;left: 0px;top: -30px;">
                        <a href="/thumbsup/{{ item.id }}">
                            <svg t="1629883238249" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                 xmlns="http://www.w3.org/2000/svg" p-id="3347" width="30" height="30">
                                <path d="M884.875894 423.143253L646.970506 423.143253c92.185562-340.464205-63.516616-357.853247-63.516616-357.853247-65.993017 0-52.312436 52.18247599-57.3031 60.881602 0 166.502152-176.849824 296.971645-176.849824 296.971645l1e-8 472.171899c0 46.607504 63.516616 63.393819 88.43309799 63.393819l357.452111 0c33.641191 0 61.036122-88.224344 61.036122-88.224344 88.43412199-300.70569 88.434122-390.177444 88.43412199-390.177444C944.657442 418.179195 884.875894 423.143253 884.875894 423.143253L884.875894 423.143253 884.875894 423.143253zM884.875894 423.143253"
                                      fill="#FF6347" p-id="3348"></path>
                                <path d="M251.671415 423.299819L109.214912 423.299819c-29.420053 0-29.873378 28.89612-29.873378 28.89612l29.420053 476.202703c0 30.30930601 30.36149501 30.309306 30.36149499 30.309306L262.42022301 958.707948c25.68600901 0 25.458835-20.049638 25.458835-20.049638L287.87905801 459.411271C287.879058 422.837284 251.671415 423.299819 251.671415 423.299819L251.671415 423.299819 251.671415 423.299819zM251.671415 423.299819"
                                      fill="#FF6347" p-id="3349"></path>
                            </svg>
                            <a style="pointer-events: none;position: absolute;left: 10px;top: 14px;color: white">
                                {{ item.Image_loves }}
                            </a>
                        </a>
                        <svg t="1629883521734" class="icon" viewBox="0 0 1117 1024" version="1.1"
                             xmlns="http://www.w3.org/2000/svg" p-id="5629" width="47" height="47">
                            <path d="M206.4796294 720.19824511h652.03602008v78.99090326H206.4796294V720.19824511z m505.33069297-227.41825414L568.10464977 627.76444615a52.93834763 52.93834763 0 0 1-35.66255925 13.38734709 51.88291378 51.88291378 0 0 1-35.55146141-13.49844551L353.07385808 492.89108938a37.77342753 37.77342753 0 0 1-12.33191326-27.05243965c0-22.33076137 21.49752438-40.43978735 47.9944731-40.43978734h1.11098305v-0.22219686h94.7668641V325.96586861c0-22.33076137 21.44197516-40.43978735 47.93892328-40.43978674 26.44139951 0 47.93892388 18.05347617 47.93892388 40.43978674v99.21079692h93.04484029v0.33329529l2.77745765-0.11109843c26.49694872 0 47.99447249 18.10902538 47.99447309 40.43978734a37.05128836 37.05128836 0 0 1-12.44301167 26.99689044zM455.78425181 206.4796294H609.21102706v237.08380758H455.78425181V206.4796294z"
                                  fill="#FF6347" p-id="5630"></path>
                        </svg>
                        <!--                        <button>下载{{ item.Image_downloads }}</button>-->
                    </div>
                </div>
                {% endfor %}
            </div>
            <div class="more-tjm-info" onclick="moreWhInfo()">
                <svg t="1629883996591" class="icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="7028" width="30" height="30">
                    <path d="M731.524 512c-30.295 0-54.878-24.591-54.878-54.879 0-30.296 24.583-54.886 54.878-54.886 30.296 0 54.883 24.59 54.883 54.886 0 30.288-24.586 54.879-54.883 54.879z m-219.525 0c-30.295 0-54.88-24.591-54.88-54.879 0-30.296 24.585-54.886 54.88-54.886 30.298 0 54.883 24.59 54.883 54.886-0.001 30.288-24.586 54.879-54.883 54.879z m-219.456 0c-30.294 0-54.879-24.591-54.879-54.879 0-30.296 24.513-54.886 54.879-54.886 30.369 0 54.881 24.59 54.881 54.886 0 30.288-24.583 54.879-54.881 54.879zM511.999 73.019c-242.431 0-438.98 171.964-438.98 384.101 0 121.249 64.324 229.184 164.645 299.577v194.284l192.303-116.714c26.638 4.388 54.006 6.948 82.032 6.948 242.433 0 438.983-171.963 438.983-384.094-0.001-212.137-196.478-384.102-438.983-384.102z"
                          fill="#ff6600" p-id="7029"></path>
                </svg>
                {{ Image_comments }}
            </div>
            <form action="/submits/" method="post">
                <div id="MyDiv" class="white_content">
                    <div class="top-div">
                        <div style="width: 230px;height: 20px;font-size: 22px;font-weight: 600;color: #666666;margin: 11px;position: relative;left: 10px">
                            请写下您的意见和建议
                        </div>
                        <div class="closeBtn" οnclick="closeBtn()" style="width: 25px">

                            <span aria-hidden="true"
                                  style="font-size: 20px; position: relative; top: -8px;"><svg t="1629940652009"
                                                                                               class="icon"
                                                                                               viewBox="0 0 1024 1024"
                                                                                               version="1.1"
                                                                                               xmlns="http://www.w3.org/2000/svg"
                                                                                               p-id="7060" width="24"
                                                                                               height="24"><path
                                    d="M881.152 776.192c-0.512-1.024-1.024-1.536-2.048-2.56L616.96 511.488l262.144-262.144c0.512-1.024 1.536-1.536 2.048-2.56l1.024-1.024c28.672-28.672 28.16-74.24 0-102.912-1.024-1.024-2.048-1.536-3.072-2.56-1.536-1.536-2.56-3.072-4.096-4.096l-0.512 0.512c-28.672-21.504-69.12-19.456-95.232 6.144L514.048 408.064 251.904 146.432c-1.024-0.512-1.536-1.536-2.56-2.048l-1.024-1.024c-28.16-28.16-74.24-28.16-102.912 0-1.024 1.024-1.536 2.048-2.56 3.072-1.536 1.536-3.072 2.56-4.096 4.096l0.512 0.512c-21.504 28.672-19.456 69.12 6.144 95.232l265.216 265.216-265.216 265.216c-26.112 26.112-27.648 66.56-6.144 95.232l-0.512 0.512c1.024 1.536 2.56 2.56 4.096 4.096 1.024 1.024 1.536 2.048 2.56 3.072 28.672 28.16 74.24 28.16 102.912 0l1.024-1.024c1.024-0.512 1.536-1.024 2.56-2.048L514.048 614.4l265.216 265.216c26.112 26.112 66.56 27.648 95.232 6.144l0.512 0.512c1.536-1.024 2.56-2.56 4.096-4.096 1.024-1.024 2.048-1.536 3.072-2.56 28.16-28.672 28.16-74.24 0-102.912l-1.024-0.512z"
                                    p-id="7061" fill="#707070"></path></svg></span>
                        </div>
                    </div>
                    <div class="test01">
                        <div style="width: 123px;height: 300px">
                        </div>
                        <div id="tjm-info2" class="test02">
                            <div>
                                项目名称:<input type="text" name="Pname" value="{{name}}" readonly="readonly"
                                            style="border: 0  solid #ccc; outline: none;font-family: cursive">
                            </div>
                            <div>
                                项目作者:<input type="text" name="Pauthor" value="{{ Brand_Name }}" readonly="readonly"
                                            style="border: 0 solid #ccc; outline: none;font-family: cursive">
                            </div>
                            <div class="ct-per2" style="display: flex;height: 3px">
                            </div>
                            <div class="ct-per2" style="display: flex;">
                                <div class="ct-p2">联系人 :
                                    <input type="text" name="Commentator">
                                </div>
                                <div class="ct-pname2"></div>
                            </div>

                            <div class="t-and-p2" style="display: flex;">
                                <div class="tel2" style="display: flex;">
                                    <div class="tel-t2" style="width: 50px;">
                                        电话 :<input type="text" name="Commentator_Tele">
                                    </div>
                                    <div class="tel-n2"></div>
                                </div>
                                <div class="phone2" style="display: flex;">
                                    <div class="p-t2" style="width:63px;">
                                        邮箱 :<input type="text" name="Commentator_Mailbox">
                                    </div>
                                    <div class="p-n2"></div>
                                </div>
                            </div>

                            <div class="e-and-w2" style="display: flex;">
                                <div class="whatapp2" style="display: flex;">
                                    <div class="w-t2" style="width: 86px;">意见 :<input style="width: 442px"
                                                                                      name="Commentator_comment">
                                    </div>
                                    <div class="w-n2"></div>
                                </div>
                            </div>
                            <div style="height: 20px"></div>
                            <div class="shurukuang1">
                                <a class="box1"><input type="submit" value="提&nbsp;&nbsp;&nbsp;&nbsp;交"></a>
                            </div>

                        </div>
                    </div>

                </div>
            </form>
            <div class="mask"></div>
            <div style="height: 10px"></div>
            <div class="xiangqing">
                {% for item in details %}
                <li class="product_text">
                    <p>项目名称 : {{ item.Product_name }}</p>
                    <p>制作者 : {{ item.Brand_Name }}</p>
                    <p>类型 : {{ item.Item }}</p>
                    <p>邮箱 : {{ item.FOB_Price }}</p>
                    <p>出自 : {{ item.Port }}</p>
                    <p>框架 : {{ item.Minimum_Order_Quantity }}</p>
                    <p>付款条件 : {{ item.Payment_Terms }}</p>
                    <p>网站更新情况 : {{ item.Supply_Ability }}</p>
                    <p>产品适用性 : {{ item.Product_Suitability }}</p>
                </li>
                <li class="product_text2">
                    <p>简介 : {{ item.introduction }}</p>

                </li>
                {% endfor %}
            </div>


        </div>
    </section>
</div>


<!-- JAVASCRIPTS -->

<script src="../static/js/vendor.js"></script>

<!-- Map -->
<script src="../static/js/map.js"></script>
<script src="https://ditu.google.cn/maps/api/js?key=AIzaSyD79MY72taVRlZVX2DU6L5PXOh3ezUUKMc&amp;callback=initMap"
        async="" defer=""></script>

<script src="../static/js/imagesloaded.pkgd.js"></script>
<script src="../static/js/jquery.shuffle.min.js"></script>
<script src="../static/js/custom-shuffle-init.js"></script>

<!-- Custom Js -->
<script src="../static/js/custom.js"></script>

<script>
    var nows = window.location.href.split("=")[1]
    if (nows == undefined || nows == "") {
        nows = 1
    }
    var allnum = 0

    var pageDatas = new Vue({
        el: '#fillin1',
        data: {
            datas: [],
        },
        created() {
            this.pageData()
        },
        methods: {
            pageData: function () {
                var that = this
                $.ajax({
                    url: '/details_ids/',
                    type: 'GET',
                    dataType: 'json',
                    data: {
                        pn: nows,
                    },
                    success: function (data) {
                        that.datas = data.slice(0, 20)
                        allnum = data[data.length - 1]["allnum"]
                        alert(this.data)
                    },
                    error: function () {
                        alert(this.data)
                    }
                });
            },

        }
    })
</script>
</body>
<script>
    function moreWhInfo() {
        $("#MyDiv").show();//弹出窗体
        $(".mask").show(); //遮罩层
    }

    //关闭弹出层
    $(".closeBtn").click(function () {
        $("#MyDiv").hide();
        $(".mask").hide();
    });
</script>

</html>
